@charset "UTF-8"; 
@import "public";
.logo,.zc,.dibu{
    margin: 0 auto;
    width: 950px;
}
body{
    height: 100%;
}
//mubu
#mubu{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 5;
    div{
        width: 700px;
        height: 500px;
        background: #ccc;
        position: fixed;
        left: 300px;
        top: 200px;
        #btn{
            width: 50px;
            height: 30px;
            background: #000000;
            border: 0;
            color: #fff;
            position: absolute;
            bottom: 0;
            left: 330px;
            cursor: pointer;
        }
    }
}

//logo
#logo{
    .logo{
        margin-top: 30px;
        margin-bottom: 36px;
    }
}
//zc
#zc{
    margin-bottom: 150px;
    .zc{
        h2{
            font-size: 25px;
            color: #494949;
            font-weight: 800;
            margin-bottom: 30px;
        }
        .left{
            width: 70%;
            float: left;
            .p2,.p1,.p3{
                margin-left: 20px;
                margin-bottom: 15px;
                span{
                    font-size: 14px;
                }
                .tishi1{
                    font-size: 12px;
                    color: #F05F50;
                }
                .tishi2{
                    font-size: 12px;
                    color: #5C5C5C
                }
                .tishi3{
                    font-size: 12px;
                    color: #5C5C5C
                }
                input{
                    width: 200px;
                    height: 28px;
                    border: 1px #ccc solid;
                    border-radius: 5px;
                    color:#000000;
                    padding-left:5px
                }
            }
            .p3{
                p{
                    margin-left: 30px;
                    margin-top: 20px;
                    font-size: 12px;
                    color: #9C9C9C;
                }
            }
            .p4{
                margin-left: 6px;
                margin-bottom: 15px;
                .s1{
                    font-size: 14px;
                }
                .s2{
                   font-size: 12px;
                   color: #9A9A99; 
                }
                .s3{
                    color: #000000;
                }
                a{
                    font-size: 12px;
                    color: #336699;
                }
                a:hover{
                    background: blue;
                    color: #fff;
                }
            }
            .p5{
                margin-left: 20px;
                span{
                    font-size: 14px;
                    float: left;
                }
                .d1{
                    float: left;
                    width: 200px;
                    height: 28px;
                    border: 1px #ccc solid;
                    border-radius: 5px;
                    color:#ccc;
                    margin-left: 5px;
                    margin-bottom: 20px;
                    .tishi1{
                        position: absolute;
                        left: 430px;
                        color: #F05F50;
                    }
                    #txt1{
                        width: 130px;
                        height: 28px;
                        border: 0;
                        border-radius: 5px;
                        color:#000;
                        padding-left:5px;
                        position: absolute;
                        top: 367px;
                        left: 270px;
                    }
                     #btn1{
                        position: absolute;
                        height: 26px;
                        width: 50px;
                        border: 0;
                        background: #fff;
                        top: 368px;
                        left: 220px;
                        border-right: 1px solid #ccc;
                    }
                }
                .p1{
                    margin-left: 30px;
                    width: 150px;
                    font-size: 12px;
                    color:#9A9A99;
                    height: 55px;
                }
                .p2{
                    margin-left: 30px;
                    width: 300px;
                    font-size: 12px;
                    color:#9A9A99;
                } 
            }
            .p6{
                margin-left: 5px;
                margin-bottom: 25px;
                span{
                    font-size: 14px;
                }
                #txt2{
                    width: 100px;
                    height: 28px;
                    border: 1px #ccc solid;
                    border-radius: 5px;
                    padding-left:5px
                }
                #btn2{
                    width: 100px;
                    height: 30px;
                    border: 1px #ccc solid;
                    border-radius: 5px;
                    color:#000;
                    background: #fff;
                }
            }
            .p7{
                margin-left: 50px;
                margin-bottom: 20px;
                input{
                    width: 80px;
                    height: 35px;
                    line-height: 35px;
                    background: #3fa156;
                    display: block;
                    border: 1px solid #494949;
                    border-radius: 5px;
                    font-weight: 600;
                    font-size: 14px;
                    color: #fff;
                }
            }
        }
        .right{
            width: 30%;
            float: left;
            .p1{
                margin-left: 50px;
                font-size: 12px;
                margin-bottom: 20px;
                a{
                    color: #336699;
                }
                a:hover{
                    background: blue;
                    color: #fff;
                }
            }
            .p2{
                margin-left: 50px;
                font-size: 12px;
                a{
                    color: #336699;
                }
                a:hover{
                    background: blue;
                    color: #fff;
                }
            }
        }
    }
}
//dibu
#dibu{
    .dibu{
        border-top: 1px #9C9C9C dashed;
        span{
            float: left;
            font-size: 12px;
            color: #9C9C9C;
            display: block;
            margin-top: 5px;
        }
        ul{
            float: right;
            li{
                float: left;
                margin-right: 5px;
                a{
                    font-size: 12px;
                    color: #336699;
                }
                a:hover{
                    background: blue;
                    color: #fff;
                }
            }
        }
    }
}
